/*====================================== Vendor ======================================*/
@import 'bootstrap.less';
/*================================ Replace Bootstrap ================================*/
.navbar  { 
	.brand{
		padding: 0 20px;
	}
}
[class^="icon-"]:hover,
[class*=" icon-"]:hover {
	background-image: url("@{iconHoverSpritePath}");
}
.breadcrumb {
    color: #888888;
    border-bottom: 1px dotted @grayLighter;
}
.control-group{  
	.help-block, .help-inline {
		background: url("../images/tips/arrow.png") no-repeat 0 center;
		padding-left: 20px;
		color: @grayLight;
	}
}
.waring, .error, .success{
	.help-block, .help-inline {
		background: url("../images/tips/status_small.png") no-repeat 0 -80px;
	}
}
.warning {
	.help-block, .help-inline {
		background-position: 2px -58px;
		color: @warningText;
	}
}
.error {
	.help-block, .help-inline {
		background-position: -18px -38px;
		color: @errorText;
	}
}
.success {
	.help-block, .help-inline {
		background-position: -38px -18px;
		color: @successText;
	}
}
/*================================ Extend Bootstrap ================================*/

.navbar-panel {
	&.affix{
		width: 100%;
		top: 0;
		z-index:1;
	}
	.navbar-inner {
		background: none @white;
	}
}
.tooltip {
	font-size:12px;
}
.btn-wide {
	padding-left: 25px;
	padding-right: 25px;
}
.btn-tall {
	padding-top: 6px;
	padding-bottom: 6px;
}

.required span {
	color: #FF0000;
	font-family: Simsun;
	font-size: 14px;
    margin-right: -10px;
}
/*====================================== Core ======================================*/
/*
===================
基础样式
===================
*/
.mt0 {
	margin-top: 0 !important;
}
.mt10 {
	margin-top: 10px !important;
}
.mt20 {
	margin-top: 20px !important;
}
.mb0 {
	margin-bottom: 0 !important;
}
.mb10 {
	margin-bottom: 10px !important;
}
.mb20 {
	margin-bottom: 20px !important;
}
.pt5 {
	padding-top: 5px !important;
}
.pb5 {
	padding-bottom: 5px !important;
}
.p0 {
	padding: 0 !important;
}
.p10 {
	padding: 10px !important;
}
.p20 {
	padding: 20px !important;
}

/*
===================
基础样式
>>	b			加粗
>>	u			下划线
>>	i			斜体
>>	w			文本不换行
>>	tal			文本靠左显示
>>	tac			文本居中显示
>>	tar			文本靠右显示
>>	pr			相对定位
>>	cp			鼠标点击手势
>>	vt			表格内容靠上显示
>>  bbs			实线底边框
>>  bbd			虚线底边框
===================
*/
.b{
	font-weight:700 !important;
}
.u{
	text-decoration:underline !important;
}
.i{
	font-style:italic !important;
}
.w{
	white-space:nowrap;
}
.tal{
	text-align:left !important;
}
.tac{
	text-align:center !important;
}
.tar{
	text-align:right !important;
}
.pr{
	position:relative;
}
.cp{
	cursor:pointer;
}
.vt{
	vertical-align:top;
}
.bbs {
	border-bottom: 1px solid #DADADA;
}
.bbd {
	border-bottom: 1px dotted #DADADA;
}
/*
===================
字体
>>	f10		小字体
>>	f12		正常字
>>	f14		大字
>>	f16		更大
>>	f24		标题类
>>	fn		文本去粗
===================
*/
.f10{
	font-size:10px;
}
.f12{
	font-size:12px;
}
.f13{
	font-size:13px;
}
.f14{
	font-size:14px;
}
.f16{
	font-size:16px;
}
.f24{
	font-size:24px;
	font-family:Arial, "Microsoft Yahei", Simsun;
}
.fn{
	font-weight:normal !important;
}
/*
===================
边线
>>	top-line 		上边线
>>	line 			边线
>>	bottom-line 	上边线
===================
*/
.top-line {
	padding: 10px 0;
	border-top: 1px solid @grayLighter;
}
.bottom-line {
	padding: 10px 0;
	border-bottom: 1px solid @grayLighter;  
}
/*====================================== 组件 ======================================*/
//加载样式
.loading {
	background: url("../images/tips/loading.gif") no-repeat 0 0;
	.opacity(70);
}
//信息显示样式
.show{
	width: 400px;
	margin: 40px auto;
	padding-left: 100px;
	min-height: 100px;
	background: url("../images/tips/status_big.png") no-repeat scroll -100px 0 transparent;
	
	&.show-error {
		background-position: 0 -100px;
	}
}
//头像
.avatar {
	width: 48px;
	height: 48px;
}